<template>
    <div>
        <el-container style=" height: 100vh">
            <el-aside width="150px" style=" background-color:rgb(92, 185, 236)  ">
                <el-menu style="background-color:rgb(92, 185, 236) " active-text-color="#000000">
                    <!-- 侧边导航栏 -->
                    <div class="beside">
                        <router-link to="/patient">
                            <el-menu-item index="1">
                                <span slot="title">
                                    患者管理
                                </span>
                            </el-menu-item>
                        </router-link>
                        <el-menu-item index="2">
                            <span slot="title">
                                <router-link to="/doctor">
                                    医嘱管理
                                </router-link>
                            </span>
                        </el-menu-item>
                        <el-menu-item index="3">
                            <span slot="title">皮试管理</span>
                        </el-menu-item>
                        <el-menu-item index="4">
                            <span slot="title">输液核对</span>
                        </el-menu-item>
                        <el-menu-item index="5">
                            <span slot="title">输液监测</span>
                        </el-menu-item>
                        <el-menu-item index="6">
                            <span slot="title">输液单</span>
                        </el-menu-item>
                        <el-menu-item index="7">
                            <span slot="title">设备管理</span>
                        </el-menu-item>
                    </div>
                </el-menu>
            </el-aside>

            <el-container>
                <el-header style=" width: 100%;  ">
                    <div style="font-size:20px;">
                        输液监测提示系统
                    </div>
                    <div>
                        欢迎登录！
                    </div>
                </el-header>
                <el-main>










































































                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>

import axios from 'axios';

export default {
    data() {
        return {
            formInline: {
                regis: '',
                region: '',
                sys: '',
                sub: '',
            },
            ruleForm: {
                data1: '',
            },
            rules: {
                date1: [
                    { type: 'date', required: true, message: '请选择日期', trigger: 'change' }
                ],
            }
        }
    },
    methods: {
        onSubmit() {
            console.log('submit!');
        },
        handleSizeChange(val) {
            console.log(`每页 ${val} 条`);
        },
        handleCurrentChange(val) {
            console.log(`当前页: ${val}`);
        }
    },
    mounted() {
        //发送异步请求
        axios.get("").then((result) => {

        })


    }






}
</script>




<style>
.el-header {
    background-color: rgb(125, 193, 236)
}

/* .el-menu-item { */
/* background-color: rgb(10, 155, 222); */
/*  */
/* } */
/*  */
.title {
    text-align: center;
}

.bg-purple-dark {
    background: #3fb1fd;
    margin-bottom: 5px;
}

.container {
    display: flex;
}

.beside {
    /* 针对于菜单栏使用垂直排列，不写也不影响 */
    display: flex;
    flex-direction: column;

    /* 将菜单栏整体向下移动 */
    transform: translateY(80px);

    color: #c2230b;
}

.el-menu-item.is-active {
    background-color: #9cdbf4 !important;

}
</style>